@import './base.scss';
@import './mixin.scss';


@for $i from 1 through 500{
	.font-#{$i}{
		font-size: #{$i}rpx;
	}
	.padding-long#{$i}{
		padding:#{$i}rpx #{$i*2}rpx;
	}
	.flex-#{$i}{
		flex: $i;
	}
	@each $key,$site in(top:top,bot:bottom,lef:left,rig:right){
		.mar#{$key}#{$i}{
			margin-#{$site}: #{$i}rpx;
		}
		.pad#{$key}#{$i}{
			margin-#{$site}: #{$i}rpx;
		}
	}
	// .margin-top#{$i}{
	// 	margin-top: #{$i}rpx;
	// }
}

$y:800;
@while $y>0{
	.fontW-#{$y}{
		font-weight: $y;
	}
	$y:$y - 100;
}

@each $site in left,center,right{
	.text-#{$site}{
		text-align: $site;
	}
}
